<template>
<div class="template">
    <h3>示例</h3>
    <div>
        <swiper-template :goodsSwiper="swiperData"></swiper-template>
    </div>
    <div class="markdown-body">
        <RM></RM>
    </div>
</div>
</template>
<script>
import swiperTemplate from "@/components/swiper2"
import RM from "../md/swiperBanner.md";
export default {
    name:"swiper",
    components:{
        swiperTemplate,
        RM
    },
    data(){
        return{
            htmlMD:RM,
            swiperData:[
                {"isPrimary":1,"orderSort":1,"path":"http://image-c.ehsy.com/uploadfile/opc/img/2017/01/13/20170113144104165.jpg"},
                {"isPrimary":2,"orderSort":2,"path":"http://image-c.ehsy.com/uploadfile/opc/img/2017/01/13/20170113144104165_M.jpg"},
                {"isPrimary":3,"orderSort":3,"path":"http://image-c.ehsy.com/uploadfile/opc/img/2017/01/13/20170113144104165_S.jpg"}]  
        }
    }
}
</script>
<style scoped>
.template{
    width: 100%;
}
.template h2{
    width: 100%;
    text-align: left;
}
</style>